<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, inital-scale=1">
    <title>首页</title>

    <link rel="stylesheet" href="CSS/firstpage.css">
    <link rel="stylesheet" href="CSS/reset.css">
    <script src="JS/firstpage.js"></script>
</head>
<body>
<div class="wrapper">
    <!-- 头部 -->
    <header>
        <!-- 头部头像 -->
        <div class="left">
            <div class="top_avatar" onclick="location.href='personal_page.html'">
                <img src="img/avatar.jpg" alt="">
            </div>
        </div>

        <!-- 头部搜索框 -->
        <div class="top_search">
            <img src="bili_icon/bili_search.png" alt="">请输入搜索内容
        </div>

        <div class="right">
            <div class="activity">
                <img src="bili_icon/bili_activity.jpg">
            </div>

            <div class="game">
                <img src="bili_icon/bili_game.jpg">
            </div>

            <div class="message">
                <img src="bili_icon/bili_message.jpg" alt="">
            </div>
        </div>
    </header>

    <!-- 分类列表部分 -->
    <div class="category_list">
        <div class="left">
        <div onclick="location.href='live.html'">直播</div>
        <div class="current" onclick="location.href='main.html'">
            推荐
            <div class="horizontal-line"></div>
        </div>
        <div  onclick="location.href='hot.html'">热门</div>
        <div>动画</div>
        <div>影视</div>
        <div>新征程</div>
        </div>

        <div class="right">
            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                <path fill="#999999" d="M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1"/>
            </svg>
        </div>
    </div>

    <!-- 内容部分 -->
    <div class="content">
        <!-- 切换图片 -->
        <div class="switch_img">
            <ul>
                <li><img src="img/switch_03.png" alt=""></li>
                <li><img src="img/switch_01.png" alt=""></li>
                <li><img src="img/switch_02.png" alt=""></li>
                <li><img src="img/switch_03.png" alt=""></li>
                <li><img src="img/switch_01.png" alt=""></li>
            </ul>

            <!-- 圆点 -->
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
            </ol>
        </div>

        <!-- 视频封面、标题 -->
        <ul class="content_list">
            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_01.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>5495.4万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>35.6万</p>
                        </div>

                        <div class="right">
                            <p>13:02</p>
                        </div>
                    </div>
                </div>
                <div class="introduction">
                    <div class="title">
                        <p>游戏科学新作《黑神话：悟空》13分钟实机演示</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <div class="concern">
                                <img src="bili_icon/bili_guanzhu.jpg" alt="">
                                <p>已关注</p>
                            </div>
                            黑神话悟空
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>



            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_02.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>1.6万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>150</p>
                        </div>

                        <div class="right">
                            <p>13:40</p>
                        </div>
                    </div>
                </div>

                <div class="introduction">
                    <div class="title">
                        <p>哈夫曼编码是如何影响互联网的</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <img src="bili_icon/bili_upzhu.png" alt="">
                            图码
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_03.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>3931</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>16</p>
                        </div>

                        <div class="right">
                            <p>9:00</p>
                        </div>
                    </div>
                </div>

                <div class="introduction">
                    <div class="title">
                        <p>10种奇特算法：探索编程中的奇妙世界 - Fireship</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <div class="concern">
                                <img src="bili_icon/bili_guanzhu.jpg" alt="">
                                <p>已关注</p>
                            </div>
                            黑纹白斑马
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_04.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>122.5万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>1920</p>
                        </div>

                        <div class="right">
                            <p>7:18</p>
                        </div>
                    </div>
                </div>

                <div class="introduction">
                    <div class="title">
                        <p>2024年了，我还想让火影上一次首页！！！</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <img src="bili_icon/bili_upzhu.png" alt="">
                            若辰菌
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_05.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>25.7万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>173</p>
                        </div>

                        <div class="right">
                            <p>1:01</p>
                        </div>
                    </div>
                </div>
                <div class="introduction">
                    <div class="title">
                        <p>⚡ 该换人了，小子 ⚡</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <img src="bili_icon/bili_upzhu.png" alt="">
                            林烟不是大佬
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_06.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>1.2万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>19</p>
                        </div>

                        <div class="right">
                            <p>16:40</p>
                        </div>
                    </div>
                </div>
                <div class="introduction">
                    <div class="title">
                        <p>致函数式编程爱好者：探索其精髓与应用 - CodeAesthetic</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <div class="concern">
                                <img src="bili_icon/bili_guanzhu.jpg" alt="">
                                <p>已关注</p>
                            </div>
                            黑纹白斑马
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_07.jpg" alt="">
                    </div>

                    <div class="data">
                        <div class="left">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                                <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                                <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                            </svg>
                            <p>54.1万</p>
                        </div>

                        <div class="middle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                                <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                                <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                                <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                            </svg>
                            <p>952</p>
                        </div>

                        <div class="right">
                            <p>5:23</p>
                        </div>
                    </div>
                </div>
                <div class="introduction">
                    <div class="title">
                        <p>为什么游戏能吃满显卡却吃不满多核CPU</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <img src="bili_icon/bili_upzhu.png" alt="">
                            epcdiy
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>

            <li onclick="location.href='video player.html'">
                <div class="cover">
                    <div class="background_img">
                        <img src="img/content_08.jpg" alt="">
                    </div>

                    <<div class="data">
                    <div class="left">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 50 50">
                            <path d="M0 0 C0.98178223 -0.00430527 0.98178223 -0.00430527 1.98339844 -0.00869751 C3.36524319 -0.01073618 4.74711693 -0.00521996 6.12890625 0.00732422 C8.2428445 0.02338314 10.35487113 0.00747149 12.46875 -0.01171875 C13.81250422 -0.00973628 15.15625724 -0.00589252 16.5 0 C17.72203125 0.00338379 18.9440625 0.00676758 20.203125 0.01025391 C23.25 0.3984375 23.25 0.3984375 25.14697266 1.58349609 C26.6655066 4.08211968 26.63827348 5.92031635 26.6484375 8.8359375 C26.65423828 10.42535156 26.65423828 10.42535156 26.66015625 12.046875 C26.64855469 13.15289062 26.63695312 14.25890625 26.625 15.3984375 C26.63660156 16.50445313 26.64820313 17.61046875 26.66015625 18.75 C26.65628906 19.80960938 26.65242188 20.86921875 26.6484375 21.9609375 C26.64505371 22.93160156 26.64166992 23.90226562 26.63818359 24.90234375 C26.25 27.3984375 26.25 27.3984375 25.14697266 29.21337891 C22.28081839 31.00389535 19.85467125 30.78758596 16.5 30.796875 C15.84547852 30.79974518 15.19095703 30.80261536 14.51660156 30.80557251 C13.13475681 30.80761118 11.75288307 30.80209496 10.37109375 30.78955078 C8.2571555 30.77349186 6.14512887 30.78940351 4.03125 30.80859375 C2.68749578 30.80661128 1.34374276 30.80276752 0 30.796875 C-1.22203125 30.79349121 -2.4440625 30.79010742 -3.703125 30.78662109 C-6.75 30.3984375 -6.75 30.3984375 -8.64697266 29.21337891 C-10.1655066 26.71475532 -10.13827348 24.87655865 -10.1484375 21.9609375 C-10.15230469 20.90132812 -10.15617188 19.84171875 -10.16015625 18.75 C-10.14855469 17.64398437 -10.13695312 16.53796875 -10.125 15.3984375 C-10.13660156 14.29242188 -10.14820313 13.18640625 -10.16015625 12.046875 C-10.15628906 10.98726562 -10.15242187 9.92765625 -10.1484375 8.8359375 C-10.14505371 7.86527344 -10.14166992 6.89460938 -10.13818359 5.89453125 C-9.75 3.3984375 -9.75 3.3984375 -8.64697266 1.58349609 C-5.78081839 -0.20702035 -3.35467125 0.00928904 0 0 Z M-5.56494141 4.66552734 C-7.01023071 6.77897265 -7.13645745 7.97682067 -7.1484375 10.5234375 C-7.15230469 11.31234375 -7.15617188 12.10125 -7.16015625 12.9140625 C-7.14855469 13.73390625 -7.13695312 14.55375 -7.125 15.3984375 C-7.13660156 16.21828125 -7.14820313 17.038125 -7.16015625 17.8828125 C-7.15628906 18.67171875 -7.15242187 19.460625 -7.1484375 20.2734375 C-7.14505371 20.99273437 -7.14166992 21.71203125 -7.13818359 22.453125 C-6.62156977 25.04204258 -5.91151288 25.88939098 -3.75 27.3984375 C-1.19050552 27.86048783 -1.19050552 27.86048783 1.6875 27.796875 C2.74710938 27.80074219 3.80671875 27.80460937 4.8984375 27.80859375 C6.00445312 27.79699219 7.11046875 27.78539063 8.25 27.7734375 C9.35601563 27.78503906 10.46203125 27.79664062 11.6015625 27.80859375 C12.66117188 27.80472656 13.72078125 27.80085938 14.8125 27.796875 C15.78316406 27.79349121 16.75382812 27.79010742 17.75390625 27.78662109 C20.26932202 27.58275339 20.26932202 27.58275339 22.06494141 26.13134766 C23.51023071 24.01790235 23.63645745 22.82005433 23.6484375 20.2734375 C23.65230469 19.48453125 23.65617187 18.695625 23.66015625 17.8828125 C23.64855469 17.06296875 23.63695313 16.243125 23.625 15.3984375 C23.63660156 14.57859375 23.64820312 13.75875 23.66015625 12.9140625 C23.65435547 11.73070312 23.65435547 11.73070312 23.6484375 10.5234375 C23.64505371 9.80414062 23.64166992 9.08484375 23.63818359 8.34375 C23.12156977 5.75483242 22.41151288 4.90748402 20.25 3.3984375 C17.69050552 2.93638717 17.69050552 2.93638717 14.8125 3 C13.75289062 2.99613281 12.69328125 2.99226562 11.6015625 2.98828125 C9.94253906 3.00568359 9.94253906 3.00568359 8.25 3.0234375 C6.59097656 3.00603516 6.59097656 3.00603516 4.8984375 2.98828125 C3.83882812 2.99214844 2.77921875 2.99601563 1.6875 3 C0.23150391 3.00507568 0.23150391 3.00507568 -1.25390625 3.01025391 C-3.76932202 3.21412161 -3.76932202 3.21412161 -5.56494141 4.66552734 Z " fill="#ffffff" transform="translate(18.75,11.6015625)"/>
                            <path d="M0 0 C4.95 2.31 9.9 4.62 15 7 C15 7.66 15 8.32 15 9 C10.05 11.31 5.1 13.62 0 16 C0 10.72 0 5.44 0 0 Z " fill="#ffffff" transform="translate(21,19)"/>
                        </svg>
                        <p>38.4万</p>
                    </div>

                    <div class="middle">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 50 50">
                            <path d="M0 0 C1.10927856 -0.00574036 1.10927856 -0.00574036 2.2409668 -0.01159668 C3.8009579 -0.01431271 5.36099478 -0.00697292 6.92089844 0.00976562 C9.30507186 0.03118327 11.68623249 0.00995737 14.0703125 -0.015625 C15.5885483 -0.01298166 17.10678223 -0.00785656 18.625 0 C19.33551514 -0.00809692 20.04603027 -0.01619385 20.77807617 -0.02453613 C24.03241117 0.03693682 26.03118474 0.34333231 28.75976562 2.16601562 C30.77827446 5.24075047 30.82906905 7.24020694 30.84375 10.90625 C30.85148437 12.75476563 30.85148437 12.75476563 30.859375 14.640625 C30.84390625 15.92453125 30.8284375 17.2084375 30.8125 18.53125 C30.82796875 19.81515625 30.8434375 21.0990625 30.859375 22.421875 C30.85421875 23.65421875 30.8490625 24.8865625 30.84375 26.15625 C30.83923828 27.28289063 30.83472656 28.40953125 30.83007812 29.5703125 C30.3125 32.53125 30.3125 32.53125 28.75976562 34.89648438 C25.43663953 37.116322 22.49088448 37.10655504 18.625 37.0625 C17.88548096 37.0663269 17.14596191 37.07015381 16.3840332 37.07409668 C14.8240421 37.07681271 13.26400522 37.06947292 11.70410156 37.05273438 C9.31992814 37.03131673 6.93876751 37.05254263 4.5546875 37.078125 C3.0364517 37.07548166 1.51821777 37.07035656 0 37.0625 C-0.71051514 37.07059692 -1.42103027 37.07869385 -2.15307617 37.08703613 C-5.40741117 37.02556318 -7.40618474 36.71916769 -10.13476562 34.89648438 C-12.15327446 31.82174953 -12.20406905 29.82229306 -12.21875 26.15625 C-12.22390625 24.92390625 -12.2290625 23.6915625 -12.234375 22.421875 C-12.21890625 21.13796875 -12.2034375 19.8540625 -12.1875 18.53125 C-12.20296875 17.24734375 -12.2184375 15.9634375 -12.234375 14.640625 C-12.22921875 13.40828125 -12.2240625 12.1759375 -12.21875 10.90625 C-12.21423828 9.77960937 -12.20972656 8.65296875 -12.20507812 7.4921875 C-11.6875 4.53125 -11.6875 4.53125 -10.13476562 2.16601562 C-6.81163953 -0.053822 -3.86588448 -0.04405504 0 0 Z M-8.6875 7.53125 C-9.29577681 9.96277034 -9.29577681 9.96277034 -9.21875 12.59375 C-9.22390625 13.55539063 -9.2290625 14.51703125 -9.234375 15.5078125 C-9.21890625 16.50554688 -9.2034375 17.50328125 -9.1875 18.53125 C-9.20296875 19.52898438 -9.2184375 20.52671875 -9.234375 21.5546875 C-9.22921875 22.51632813 -9.2240625 23.47796875 -9.21875 24.46875 C-9.21423828 25.34402344 -9.20972656 26.21929688 -9.20507812 27.12109375 C-8.49832181 30.41217786 -7.39994122 31.56243428 -4.6875 33.53125 C-1.6670149 34.14480132 -1.6670149 34.14480132 1.6875 34.0625 C2.91984375 34.06765625 4.1521875 34.0728125 5.421875 34.078125 C6.70578125 34.06265625 7.9896875 34.0471875 9.3125 34.03125 C11.23835938 34.05445313 11.23835938 34.05445313 13.203125 34.078125 C14.43546875 34.07296875 15.6678125 34.0678125 16.9375 34.0625 C18.06414063 34.05798828 19.19078125 34.05347656 20.3515625 34.04882812 C23.99272642 33.41234499 25.17399628 32.51800132 27.3125 29.53125 C27.92077681 27.09972966 27.92077681 27.09972966 27.84375 24.46875 C27.84890625 23.50710937 27.8540625 22.54546875 27.859375 21.5546875 C27.84390625 20.55695312 27.8284375 19.55921875 27.8125 18.53125 C27.82796875 17.53351562 27.8434375 16.53578125 27.859375 15.5078125 C27.85164063 14.06535156 27.85164063 14.06535156 27.84375 12.59375 C27.83923828 11.71847656 27.83472656 10.84320312 27.83007812 9.94140625 C27.12332181 6.65032214 26.02494122 5.50006572 23.3125 3.53125 C20.2920149 2.91769868 20.2920149 2.91769868 16.9375 3 C15.70515625 2.99484375 14.4728125 2.9896875 13.203125 2.984375 C11.27726562 3.00757813 11.27726562 3.00757813 9.3125 3.03125 C8.02859375 3.01578125 6.7446875 3.0003125 5.421875 2.984375 C4.18953125 2.98953125 2.9571875 2.9946875 1.6875 3 C0.56085937 3.00451172 -0.56578125 3.00902344 -1.7265625 3.01367188 C-5.36772642 3.65015501 -6.54899628 4.54449868 -8.6875 7.53125 Z " fill="#ffffff" transform="translate(14.6875,5.46875)"/>
                            <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(21,27)"/>
                            <path d="M0 0 C5.94 0 11.88 0 18 0 C18 0.99 18 1.98 18 3 C12.06 3 6.12 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,18)"/>
                            <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(15,27)"/>
                            <path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.99 5 1.98 5 3 C3.35 3 1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ffffff" transform="translate(9,18)"/>
                        </svg>
                        <p>7776</p>
                    </div>

                    <div class="right">
                        <p>26:57</p>
                    </div>
                </div>
                </div>
                <div class="introduction">
                    <div class="title">
                        <p>地上足球：德国出局坐实冲击波！法国晋级难逃菜队之名！</p>
                    </div>
                    <div class="creator">
                        <div class="left">
                            <img src="bili_icon/bili_upzhu.png" alt="">
                            地上足球888
                        </div>
                        <div class="right">
                            <img src="bili_icon/bili_more.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 底部部分 -->
    <ul class="footer">
        <li class="home" onclick="location.href='main.html'">
            <img src="bili_icon/bili_home_selected.jpg" alt="">
            <p>首页</p>
        </li>

        <li class="dynamic">
            <img src="bili_icon/bili_dynamic.jpg" alt="">
            <p>动态</p>
        </li>

        <li class="add">
            <p>+</p>
        </li>

        <li class="shopping">
            <img src="bili_icon/bili_shopping.jpg" alt="">
            <p>会员购</p>
        </li>

        <li class="mine" onclick="location.href='mine.html'">
            <img src="bili_icon/bili_mine.jpg" alt="">
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>